<template>
  <div>
    <router-link to="/about?a=1&b=2">about1</router-link> |
    <router-link :to="{path:'/about',query:{a:5,b:6}}">about2</router-link> |
    <router-link :to="{name:'about',query:{a:50,b:60}}">about2</router-link> |
    <router-view></router-view>
  </div>

</template>

<script>
export default {
  name: 'App',
  watch:{
    '$route.query'(){
      console.log(this.$route.query)
    }
  }
}
</script>

<style lang="less">

</style>
